<template>
	<view class="page-cont">
		<navbar title="监控视频"></navbar>
		<view class="main-cont" :style="{height: pageHeight, paddingLeft: sysStatusBarHeight}">
			<!-- <web-view class="web-cont" :src="screenUrl"></web-view> -->
		</view>
	</view>
</template>
<script setup lang="ts">
	import { reactive, ref } from 'vue';
	import { onShow, onLoad } from "@dcloudio/uni-app";
	import { useNavbar } from "@/utils/hooks.js";
	import { storeToRefs } from 'pinia';
	import useUserStore from '@/store/user.js';
	import useHomeStore from '@/store/home';
	const homeStore = useHomeStore();
	const { pageHeight, sysStatusBarHeight } = useNavbar();
	const { projectId } = storeToRefs(homeStore);
	const screenUrl = ref('');
	onShow(() => {

	});

	onLoad(() => {
		const token = useUserStore().token || uni.getStorageSync('token');
		screenUrl.value = encodeURIComponent(`https://v2.cold360.cn/static/view.html?ismain=1&mid=${projectId.value}&auth=${token}`);
	});
</script>
<style lang="scss" scoped>
	.page-cont {
		.main-cont {
			padding-bottom: 10px;
			box-sizing: border-box;
		}

		.web-cont {
			width: 100%;
			height: 100%;
		}
	}
</style>